<div class="property">
    <div class="property-head">
        设备信息
    </div>
    <div class="property-body">
        <div class="row property-row">
            <div class="col-sm-4">
                <span>设备序列号：</span>
                <span id="sn"></span>
            </div>
            <div class="col-sm-4">
                <span>设备名：</span>
                <span id="aliasName"></span>
            </div>
            <div class="col-sm-4">
                <span>添加时间：</span>
                <span id="createTime"></span>
            </div>
        </div>
        <div class="row property-row">
            <div class="col-sm-4">
                <span>状态：</span>
                <span id="status"></span>
            </div>
            <div class="col-sm-4">
                <span>设备型号：</span>
                <span id="deviceClass"></span>
            </div>
            <div class="col-sm-4">
                <span>设备类型：</span>
                <span id="deviceType"></span>
            </div>
        </div>
    </div>
</div>
<div class="property">
    <div class="property-head">
        设备状态
    </div>
    <div class="property-body">
        <div class="row">
            <div class="col-sm-4" style="text-align: center;">
                <p style="margin-top: 34px;">
                    <button type="button" class="btn btn-default" id="createTunnel">创建SSH隧道</button>
                </p>
                <p style="margin-top: 34px;">
                    <button type="button" class="btn btn-default" id="tunnelManage">隧道管理</button>
                </p>
            </div>
            <div class="col-sm-4">
                <div class="" id="memory" style="width: 100%; height: 150px; margin-top: 20px;"></div>
            </div>
            <div class="col-sm-4">
                <div class="" id="cpu" style="width: 100%; height: 150px; margin-top: 20px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="property">
    <div class="property-head">
        流量统计
    </div>
    <div class="property-body">
        <div class="row">
            <div class="col-sm-12">
                <div class="" id="flow" style="width: 100%; height: 300px;; margin-top: 20px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="property">
    <div class="property-head">
        设备履历
    </div>
    <div class="property-body" style="border: none;">
        <div class="row">
            <div class="col-sm-12">
                <table class="table table-hover" id="device-mgt">
                    <thead>
                        <tr>
                            <th>类型</th>
                            <th>时间</th>
                            <th>日志内容</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
